<!--
  Generated template for the SignupPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title style='text-align:center'>注册</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <ion-item>
    <ion-icon name="ios-phone-portrait" item-start></ion-icon>
    <ion-input type="tel" placeholder="手机号" #phone_no></ion-input>
  </ion-item>
  <ion-item>
    <ion-icon name="md-key" item-start></ion-icon>
    <ion-input type="text" placeholder="短信验证码" #vcode></ion-input>
    <button ion-button outline item-end  (click)="getCode(phone_no)">
      获取验证码
    </button>
  </ion-item>
  <ion-item>
    <ion-icon name="md-person" item-start></ion-icon>
    <ion-input type="text" placeholder="昵称" #nickname></ion-input>
  </ion-item>
  <ion-item>
    <ion-icon name="md-lock" item-start></ion-icon>
    <ion-input type="password" placeholder="密码" #password></ion-input>
  </ion-item>
<div style="text-align: center; margin-left: 30px; margin-right: 30px;">
  <button ion-button block color="danger" (click)="SignupSubmit(phone_no,nickname,vcode,password)">
    提交
  </button>
</div>
</ion-content>
